//历史墙
<template>
  <div class="productInnovations">
    <div class="producT_h1">改善我们生活方式的材料</div>
    <div class="producT_h2">科思创的创新改变了我们生活的世界，让现代生活的许多领域变得更好，而这今天仍然是我们所从事的事业。</div>
   
    <div class="productInnovations_cont">
      <div class=""></div>
      <div class="productItem">
        <div class="productItem-title">
          2017 年开始
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/2017.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-green">
            <p class="productItem-header">复合材料解决方案开辟了新的可能性</p>
            <p class="productItem-mid"><span>基于科思创在聚氨酯和聚碳酸酯方面的核心专长，其复合材料解决方案的产品系列同时包括了热固性和热塑性纤维增强材料。诸如 Desmocomp® 或 Baydur® 等创新产品允许设计和制造具有可持续性、轻质但又非常坚固的部件。这打开了通向各种应用和行业的大门。</span></p>
          </div>
        </div>
      </div>
      <!-- 纯内容页 -->
      <div class="productItem">
        <div class="productItem-title">
          2017 onwards
        </div>
        <div class="productItem-content-text link-green">
          <p class="productItem-header">科思创打算用生物质生产苯胺</p>
          <p class="productItem-mid">
            科思创与合作伙伴共同证明，其可以在实验室规模内用生物质生产关键的原材料苯胺。公司试图对工艺进行升级，并用生物质完全取代该原材料中的石油，从而将可持续性和资源效率的界限推向另一个层次。
          </p>
        </div>
      </div>
      <!--2016 -->
      <div class="productItem">
        <div class="productItem-title">
          2016
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/2016.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-orange">
            <p class="productItem-header">二氧化碳作为原材料</p>
            <p class="productItem-mid"><span>科思创在其多尔马根生产基地开设了一个工厂，该工厂使用废气二氧化碳作为塑料的原材料。这是世界首例，也是科学上的突破。三年的研究和测试阶段显示，新工艺起到了作用，而且，基于二氧化碳的材料与使用常规方法生产的产品具有相同的高质量。第一辆货车将于 12 月份离开该基地——首批产品应该是床垫。</span></p>
          </div>
        </div>
      </div>
      <!--2015 -->
      <div class="productItem">
        <div class="productItem-title">
          2015
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/2015.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-pink">
            <p class="productItem-header">第一种生物基固化剂：Desmodur® eco</p>
            <p class="productItem-mid"><span>拜耳材料科技开发了 Desmodur® eco，这是第一种用于聚氨酯 (PUR) 涂料和粘合剂的生物基固化剂。基于五甲基二异氰酸酯 (PDI) 的产品具有碳含量为 70% 的生物质，达到石化基料的常规固化剂水平，甚至在某些应用性能上超过了这些水平。在第八届生物基材料国际会议上，Desmodur® eco 被授予“2015 年度生物基材料”奖。</span></p>
          </div>
        </div>
      </div>
      <div class="productItem">
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/2015-2.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-pink">
            <p class="productItem-header">采用 Pasquick™ 的更高效涂料</p>
            <p class="productItem-mid"><span>科思创推出了 Pasquick™，这是其开创性的聚氨酸酯涂料技术的新保护伞品牌。Pasquick™ 适用于室内和室外的苛刻应用，可减少所需的涂层数量，同时提供出色的处理和保护性能。这意味着更快的工作流程和更低的劳动力成本，同时不会影响涂料项目的质量。</span></p>
          </div>
        </div>
      </div>
      <div class="productItem">
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/2015-3.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-pink">
            <p class="productItem-header">阳光动力号：实现首个太阳能环球航行</p>
            <p class="productItem-mid"><span>阳光动力号是瑞士远程实验太阳能飞机项目。作为新一届国际清洁技术委员会 (ICCT) 首席合作伙伴，该项目的成员之一，科思创为太阳能飞行实验室开发了超轻型绝缘材料。例如，驾驶舱绝缘体是由聚氨酯泡沫制成，比目前的标准高出百分之十，但同时密度和重量却非常低。科思创的材料为飞机在 2015 年成功环球航行 4 万公里作出了贡献，为可持续发展的未来带来了明确的希望。</span></p>
          </div>
        </div>
      </div>
      <!--2014 -->
      <div class="productItem">
        <div class="productItem-title">
          2014
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/2014.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-purple">
            <p class="productItem-header">INSQIN® 实现无溶剂材料制造工艺</p>
            <p class="productItem-mid"><span>INSQIN® 为服装和鞋类行业使用的 PU 涂层面料开辟了全新的材料可持续性水平。水性聚氨酯 (PU) 技术可实现无溶剂的材料制造工艺，从而显着改善工人的安全性，消除环境污染的风险，大幅降低水和能源的消耗。<br/>

科思创在一年后的 2015 年 7 月推出了 INSQIN® 合作伙伴制造商计划，在整个聚氨酯 (PU) 涂层面料供应链将制造商和品牌所有者联系起来。合作伙伴必须表明，不断致力于提高可持续性和透明度，使用科思创的水性 PU 涂层技术和业界领先的工艺来满足品牌所有者新兴的可持续发展需求。</span></p>
          </div>
        </div>
      </div>
      <!--2011 -->
      <div class="productItem">
        <div class="productItem-title">
          2011
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/2011.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-blue">
            <p class="productItem-header">氧去极化阴极 (ODC) 技术降低能耗、减少排放</p>
            <p class="productItem-mid"><span>创新的氧去极化阴极 (ODC) 技术使得能源密集型的氯生产能够降低电能需求并使二氧化碳排放量减少达 30%。ODC 是由催化剂、载体材料、PTFE 组分和添加剂等材料构成的高度复杂的层状结构。它们由科思创以特定的方式合成并按比例增加，具有特殊的制造方法。2011 年，第一批年产氯量达 2 万吨的大规模生产设备即将开工，经过两年安全可靠运行后，于 2013 年开始与蒂森克虏伯伍德氯工程公司合作推向市场。</span></p>
          </div>
        </div>
      </div>
      <!-- 纯内容页 2008 -->
      <div class="productItem">
        <div class="productItem-title">
          2008
        </div>
        <div class="productItem-content-text link-green">
          <p class="productItem-header">STRUCTese® 使生产更节能</p>
          <p class="productItem-mid">
           拜耳材料科技推出了 STRUCTese®，这是一个自主开发的能源管理系统，可帮助大幅降低全球生产所需的能源。通过控制生产设备的个体消耗，该方法可将所需能量平均减少 10%。如今，STRUCTese® 已安装在全球 60 套科思创设备上，其他公司也可通过许可证获得使用权。
          </p>
        </div>
      </div>
      <!-- 2007 -->
      <div class="productItem">
        <div class="productItem-title">
          2007
        </div>
        <div class="productItem-content-text link-orange">
          <p class="productItem-header">Makrolon® 可以实现由聚碳酸酯制成的最大车顶模块</p>
          <p class="productItem-mid">
           科思创为新的“smart fortwo”提供了开创性的车顶模块，并打破了世界纪录。轻质车顶模块由 Makrolon®AG2677 制成，为汽车玻璃量身定制。面积约 1.2 平方米，这是迄今为止全球任何地方量产车辆中安装的最大聚碳酸酯车顶模块。
          </p>
        </div>
      </div>
      <!-- 2006 -->
      <div class="productItem">
        <div class="productItem-title">
          2006
        </div>
        <div class="productItem-content-text link-pink">
          <p class="productItem-header">世界杯用阿迪达斯 Teamgeist™ 足球</p>
          <p class="productItem-mid">
           拜耳的材料也提高了运动器材的性能：由阿迪达斯设计的 Teamgeist™ 足球作为 2006 年世界杯正式用球，其外层就是由 Impranil® 材料制成的。它确保球保持形状，即使在大量使用时也不会吸入水分并保持空气动力。
          </p>
        </div>
      </div>
      <!-- 2004 -->
      <div class="productItem">
        <div class="productItem-title">
          2004
        </div>
        <div class="productItem-content-text link-purple">
          <p class="productItem-header">Makrolon® 迎接奥运会的开始</p>
          <p class="productItem-mid">
           聚碳酸酯具有设计自由度、稳定性以及许多其他优点。这些特征使得该材料成为许多壮观建筑项目的首选，如雅典的奥林匹克体育场。它正好在奥运会期间得以使用，其构造中采用了由聚碳酸酯制成的屋顶。
          </p>
        </div>
      </div>
       <!-- 2000 -->
      <div class="productItem">
        <div class="productItem-title">
          2000
        </div>
        <div class="productItem-content-text link-blue">
          <p class="productItem-header">IMPACT™ 技术改善了多元醇的生产</p>
          <p class="productItem-mid">
           我公司坚持不懈地进行产品和工艺开发。IMPACT™ 技术就是一个例子。它简化并改善了多元醇的生产，多元醇是聚氨酯的主要组分。此外，该技术可以减少生产损耗并提高工厂的生产率，从而提高生产效率。
          </p>
        </div>
      </div>
       <!-- 1998 -->
      <div class="productItem">
        <div class="productItem-title">
          1998
        </div>
        <div class="productItem-content-text link-green">
          <p class="productItem-header">Baypreg® 和 Multitec® 喷涂系统将轻质与硬度结合在一起</p>
          <p class="productItem-mid">
          随着聚氨酯喷涂系统 Baypreg® 和 Multitec® 的开发，拜耳材料科技进入了新世纪，开启了复合材料的新纪元。轻质与硬度的结合使其成为从汽车到浴缸等无数器具的理想选择。
          </p>
        </div>
      </div>
       <!-- 1990 -->
      <div class="productItem">
        <div class="productItem-title">
          1990
        </div>
        <div class="productItem-content-text link-orange">
          <p class="productItem-header">推出 novaflex 技术和粘弹性软质泡沫</p>
          <p class="productItem-mid">
           推出粘弹性泡沫是一项重要事件，因为它们可以缓慢恢复其原始形状，并提供比常规软质泡沫更高的舒适度。其中一个重要的应用领域是医用床垫，保护患者免受褥疮的困扰。
          </p>
        </div>
      </div>
      <!-- End of 1980s -->
      <div class="productItem">
        <div class="productItem-title">
          20 世纪 80 年代末
        </div>
        <div class="productItem-content-text link-pink">
          <p class="productItem-header">Bayfill® EA 和 Bayfit® 为车内提供舒适度和功能性</p>
          <p class="productItem-mid">
          聚氨酯提供更高的客户安全性和更舒适的功能性汽车座椅。Bayfill 是能吸收能量的泡沫，在侧面碰撞的情况下保护汽车内的乘客。Bayfit® 系统结合了两种不同的固体泡沫，以使座椅柔软，侧枕更坚固。舒适度和功能性兼备。
          </p>
        </div>
      </div>
      <!--1988 -->
      <div class="productItem">
        <div class="productItem-title">
         1988
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1988.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-purple">
            <p class="productItem-header">Bayhydrol® 和 Bayhydur®——塑料生产中溶剂更少</p>
            <p class="productItem-mid"><span>20 世纪 80 年代末，推出了 Bayhydrol® 和 Bayhydur® 原材料，用于水性和低溶剂涂料。这为减少溶剂铺平了道路——一条我们公司今天和将来会一直走下去的路。</span></p>
          </div>
        </div>
      </div>
      <!--1986 -->
      <div class="productItem">
        <div class="productItem-title">
         1986
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1986.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-blue">
            <p class="productItem-header">聚合物筋–比钢铁更坚固的复合材料</p>
            <p class="productItem-mid"><span>拜耳集团内以“特种化学品和新产品”为名称的新业务组开拓了大有潜力的新思路。该业务组成立于 1985 年，并在研制出拉伸强度可与钢铁媲美的聚合物筋时于 1986 年首次取得成功。聚合物筋是一种最初用作滑雪橇改进材料的复合材料。在由聚合物筋而非钢铁支撑的双车道混凝土桥中，它的潜力显露无遗。</span></p>
          </div>
        </div>
      </div>
      <!--1982 -->
      <div class="productItem">
        <div class="productItem-title">
         1982
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1982.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-green">
            <p class="productItem-header">第一个模克隆®汽车前照灯</p>
            <p class="productItem-mid"><span>几十年来，汽车前照灯都是用玻璃制造的。从 80 年代起，透明的高性能塑料模克隆®由于轻巧、坚固，又易于成形，成为用材首选。这种趋势始于美国和日本，并于 20 世纪 90 年代进入欧洲。若还是使用玻璃的话，要想制造如今这许多轮廓复杂、设计感强烈的车身的前照灯，将是不可能的。</span></p>
          </div>
        </div>
      </div>
      <div class="productItem">
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1982-2.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-green">
            <p class="productItem-header">音频光盘的诞生</p>
            <p class="productItem-mid"><span>这年的 8 月 17 日，宝丽金唱片公司开始大规模生产第一代（古典音乐）光盘。为此，拜耳开发了一种特殊品级的模克隆®，它直到今天仍然被用作所有光存储介质的基础材料。</span></p>
          </div>
        </div>
      </div>
      <!--1971 -->
      <div class="productItem">
        <div class="productItem-title">
         1971
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1971.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-orange">
            <p class="productItem-header">推出反应注塑成型技术</p>
            <p class="productItem-mid"><span>得益于新技术，大型车身部件的模制元件可以通过聚氨酯组分一步成型。最终产品稳定性高，但同时又非常轻。周期短、产品质量高是无与伦比的更深层优势，并且利用了技术突破。</span></p>
          </div>
        </div>
      </div>
      <!--1967 -->
      <div class="productItem">
        <div class="productItem-title">
         1967
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1967.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-pink">
            <p class="productItem-header">K67——第一辆全塑料汽车</p>
            <p class="productItem-mid"><span>早在 1967 年，拜耳就证实了一辆汽车几乎可以完全用塑料材料制成。只有发动机、变速箱和车轮全部或部分是用金属制造的。这辆车操作毫无问题，并且保存至今。当时看起来很遥远的事情现在是近乎现实的：21 世纪的汽车行业比以往任何时候都更注重塑料的灵活性。</span></p>
          </div>
        </div>
      </div>
      <!--1963 -->
      <div class="productItem">
        <div class="productItem-title">
         1963
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1963.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-purple">
            <p class="productItem-header">模克隆®征服了厨房和露营地</p>
            <p class="productItem-mid"><span>在德国杜塞尔多夫的塑料交易会上，参观者都着迷于用这种不易碎的塑料制成的杯盘碗碟。模克隆®在厨房用具及房车中的应用不断增长。</span></p>
          </div>
        </div>
      </div>
      <!--1962 -->
      <div class="productItem">
        <div class="productItem-title">
         1962
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1962.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-blue">
            <p class="productItem-header">聚氨酯固体泡沫在冰箱中的兴起</p>
            <p class="productItem-mid"><span>在如 Baydur® 等产品名称下，固体聚氨酯泡沫现在可用作制冷链中冷藏室、冷冻室、冷库和其他需要高效隔热产品的绝缘材料。因此，冰箱从最耗电的电器发展到能效与标准家庭里其他电器一样。</span></p>
          </div>
        </div>
      </div>
      <!--Beginning of 1960s -->
      <div class="productItem">
        <div class="productItem-title">
         20 世纪 60 年代
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1960.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-green">
            <p class="productItem-header">硬质固体泡沫占据市场</p>
            <p class="productItem-mid"><span>1960 年，固体泡沫首次呈金属饰面。今天，这些部件被称为金属复合元件，应用于仓库或工业建筑物的保护和保温。同时，硬质泡沫用于家具和汽车座椅，并提供高舒适度。</span></p>
          </div>
        </div>
      </div>
      <!--1959 -->
      <div class="productItem">
        <div class="productItem-title">
         1959
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1959.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-orange">
            <p class="productItem-header">化学时尚</p>
            <p class="productItem-mid"><span>Moltopren® 是一种在 1952 年向公众推出的轻巧柔软的泡沫，是一种软垫家具的理想材料。很快，它也被时尚界用作衬底织物。</span></p>
          </div>
        </div>
      </div>
      <!--1953 -->
      <div class="productItem">
        <div class="productItem-title">
         1953
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1953.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-pink">
            <p class="productItem-header">赫尔曼•施奈尔发现聚碳酸酯</p>
            <p class="productItem-mid"><span>在位于德国克雷费尔德–约丁根的集团中心科学实验室里，这名拜耳化学家大约在他的第一次尝试中就成功地合成了聚碳酸酯。但除了在专业圈子里，这个发明起初几乎没有引起任何注意。仅仅是 5 年后，拜耳开始了在工业规模上生产一种多功能透明塑料，其品牌名称即是众所周知的模克隆®。</span></p>
          </div>
        </div>
      </div>
      <!--1937 -->
      <div class="productItem">
        <div class="productItem-title">
         1937
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1937.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-purple">
            <p class="productItem-header">奥托•拜耳发现聚氨酯</p>
            <p class="productItem-mid"><span>化学家奥托•拜耳本人与创立拜耳集团的家族并无亲属关系，但他的发明给化学工业带来了革命性的变化，虽然他的发现是偶然的。通过将两种化学物质混合，奥托•拜耳第一次成功地合成了聚氨酯泡沫。最初，没有人知道能用它做什么，是在经过了又一个 10 年的开发工作后，才有了用聚氨酯做原料的量身定制材料的生产。</span></p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  computed: {},
  mounted() {},
  methods: {}
};
</script>

<style lang="scss" scoped>
.producT_h1{
  font-size: 30px;
  margin-bottom:20px;
  padding-top: 20px;
}
.producT_h2{
  font-size: 24px;
  margin-bottom:20px;
}
.productInnovations{
  margin:0 auto;
  max-width:718px;
  width:auto;
}
.productInnovations_cont{
  width:100%;
  border-left: 10px solid #eee;
  box-sizing: border-box;
  padding:30px;
}

.productItem-title{
  position:relative;
  margin:0 0 20px;
  font-size: 22px;
}
.productItem{
  padding-left: 30px;
  margin-bottom:50px;
}
.productItem-title::before{
  content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #eee;
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -12px;
}
.productItem-content{
  width:100%;
  max-width: 648px;
  position: relative;
}
.productItem_leftBg{
  width:50%;
  height: 100%;
  img{
    width:100%;
    height: 100%;
    display: block;
  }
}
.productItem_rightText,.productItem_rightText a{
  color:#fff;
}
.link-right-base{
    display: block;
    padding:30px;  
}
.link-right-base::after{
    border-left: 0;
    left: -10px;
    width: 0;
    height: 0;
    position: absolute;
    display: inline-block;
    content: "";
    z-index: 1;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    top: calc(50% - 5px);
}
.link-right-green{
    background: #00BB7E;
}
// .link-right-green::after{
//   border-right: 10px solid #00BB7E;
// }

.link-right-orange{
  background: #FF7F41;
}
.link-right-orange::after{
  border-right: 10px solid #FF7F41;
}

.link-right-pink{
  background: #E6007E;
}
.link-rigth-pink::after{
  border-right: 10px solid #E6007E;
}

.link-right-purple{
  background: #7D55C7;
}
.link-rigth-purple::after{
  border-right: 10px solid #7D55C7;
}

.link-right-blue{
  background: #009FE4;
}

.link-rigth-blue::after{
  border-right: 10px solid #009FE4;
}


// 纯内容
.productItem-content-text{
  box-sizing: border-box;
  padding:30px;
  color:#fff;
}
.productItem-header{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1;
}
.productItem-mid{
  font-size: 16px;
  line-height: 1.5;
}
.link-green{
  background: #00BB7E;
}

.link-orange{
  background: #FF7F41;
}

.link-pink{
  background: #E6007E;
}

.link-purple{
  background: #7D55C7;
}

.link-blue{
  background: #009FE4;
}

@media (max-width: 414px){
  .productItem_leftBg{
  width:100%
}
.producT_h1{
  font-size: 28px;
  margin-bottom:20px;
  padding-top: 20px;
  padding-left:15px;
  padding-right: 15px;
}
.producT_h2{
  font-size: 16px;
  margin-bottom:20px;
  padding-left:15px;
  padding-right: 15px;
}
}
</style>
